.about-hero {
      position: relative;
      background: linear-gradient(135deg, #000000, #2ba5d9);
      color: #fff;
      text-align: center;
      padding: 120px 20px 150px;
      overflow: hidden;
    }

    .about-hero h1 {
      font-size: 2.8rem;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .about-hero p {
      color: #e0e0e0;
      font-size: 1rem;
      margin-bottom: 25px;
    }

    .breadcrumb {
      font-size: 0.95rem;
      color: #ebebeb;
    }

    .breadcrumb a {
      color: #ffffff;
      text-decoration: none;
      transition: color 0.3s ease;
    }

    .breadcrumb a:hover {
      color: #8f8f8f;
    }

    .breadcrumb span {
      margin: 0 6px;
      color: #ccc;
    }

    .waves {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 120px;
      overflow: hidden;
      line-height: 0;
    }

    .wave {
      position: absolute;
      bottom: 0;
      width: 200%;
      height: 100%;
      background-repeat: repeat-x;
      background-size: 50% 100%;
      animation: moveWave 10s linear infinite;
    }


    .wave1 {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.12-17.23-168.07-16.88-250.45.39C406.9,31.63,324,72.17,245,92.83c-84.9,22.12-175.64,23.53-245,0V120H1200V92.83C1130.9,69.3,1070,111.29,985.66,92.83Z" fill="black"/></svg>');
      opacity: 1;
      animation-duration: 10s;
    }

    .wave2 {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.12-17.23-168.07-16.88-250.45.39C406.9,31.63,324,72.17,245,92.83c-84.9,22.12-175.64,23.53-245,0V120H1200V92.83C1130.9,69.3,1070,111.29,985.66,92.83Z" fill="rgba(0,0,0,0.6)"/></svg>');
      opacity: 0.6;
      bottom: 5px;
      animation-duration: 18s;
      animation-direction: reverse;
    }

    @keyframes moveWave {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }